<extend name="Public/common"/>
<block name="othercss">
    <style>
        body{
    
            background: rgb(248,248,248);

        }
        .DivImg {
            width: 59px;
            height: 7px;
        }
        .div-solid {
            margin-top: 17px;
            display: flex;
            flex-direction: row;
            justify-content: center;
            height: 7px;
        }
        .div_img {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .div_button{
            width:250px;
            height:44px;
            border-radius: 5px;
            color:#FFF;
            background-color: #C1C1C1;
        }

    </style>

</block>
<block name="header">
    <div class="header">
        <div class="clearfix box">
            <!--<a class="save">保存</a>-->
            <a class="return" href="/Phone/Member/index"><i class="return-icon"></i></a>
            <h2>招募代理</h2>
        </div>
    </div>
</block>
<block name="body">

    <div class="container pt50" style="background:rgb(248,248,248)">

        <!--首页banner-->
        <div>
            <image style="width:100%;" src="{$ex_show_img}"></image>
        </div>

        <!--代理人分隔栏-->
        <div class="div-solid">
            <div class="div_img">
                <image class="DivImg" src="__PUBLIC__/phone/images/1-image.png"></image>
            </div>
            <div class="div_img" style="margin:0 calc(32vw/7.5)">
                <a style="font-size:calc(34vw/7.5)">招募代理人介绍</a>
            </div>
            <div class="div_img">
                <image class="DivImg" style="transform: rotate(180deg);" src="__PUBLIC__/phone/images/1-image.png"></image>
            </div>
        </div>

        <!--内容区域-->
        <div class="div_body" style=" margin-top:22px;padding:0 21px">{$editorValue}</div>

        <!--尾部申请按钮-->
        <div style="text-align: center;padding:0 21px">
            
            <div style="text-align: left;margin-top:25px;margin-bottom:26px;">
                <a class="list_on" id="alert" onclick="checks()">
                    <img src="__PUBLIC__/phone/images/yuan-off.png" width="20">
                    <img src="__PUBLIC__/phone/images/yuan-on.png" width="20">
                    &nbsp;我同意并接受以上条款
                </a>
            </div>

            <a onclick="push()">
                <button class="div_button" style="font-size:16px;" id="push">申请代理人</button>
            </a>
        </div>
    </div>
</block>

<block name="footer"></block>
<block name="otherjs">
    <script>
        var obj = document.getElementById('alert');
        function push() {
            if (obj.getAttribute('class') == 'list_on'){
                layer.tips('请阅读相关条例, 并勾选', '#alert',{
                    tips: 1
                });
                return false;
            }
            window.location.href = "/Phone/Extension/payCheck?exu_code={$u_code}";
        }
        function checks() {
            var status = obj.getAttribute('class');
            if (status == 'list_on') {
                obj.setAttribute('class', 'list_on on');
                document.getElementById('push').setAttribute('style', 'font-size:16px;background:rgb(209,0,21)');
            } else {
                obj.setAttribute('class', 'list_on');
                document.getElementById('push').setAttribute('style', 'font-size:16px;background:#C1C1C1');
            }
        }
    </script>
</block>
